.allTabs{
    height: 100%;
    // display: flex;
    .leftContent{
        background-color: rgb(219, 217, 217);
        width: 200px;
        height: 200px;
        border-radius: 50%;
        position: relative;
        left: 20%;
        top: 8%;
        .welcomeInfo{
            position: relative;
            left: 35%;
            top: 35%;
        }
        .detailInfo{
            position: relative;
            left: 10%;
            top: 60%;
        }
        .completeInfoBtn{
            position: absolute;
            left: 20%;
            top: 160%;
        }
    
    }
    .perfectedInfo{
        position: relative;
        left:50%;
        top: -150px;;
    }
   
}
.finishedInfoContent{
    height: 100%;
    background-color: rgb(219, 217, 217);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: relative;
    left: 10%;
    top: 8%;
    .welcomeInfo{
        position: relative;
        left: 35%;
        top: 35%;
    }
    .detailInfo{
        position: relative;
        left: 10%;
        top: 60%;
    }
    .perfectedInfo{
        position: relative;
        left:500px;
        top: -150px;
    }
   
}